<!doctype html>
<html>
<head>
<title>Python Google App Engines Sample</title>
<style type=text/css>
td  { vertical-align: top; padding: 0.5em }
img { border:0 }
iframe {
  height: 100%;
  vertical-align: bottom;
  width: 100%;
}
</style>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<center>
<h1>Welcome to +</h1>
<p>This is a simple app that shows some public activities from your stream.</p>
</center>
<div class="box">
<center>
<b>[% me.displayName %]</b><br/>
<b><img src="[% me.image.url %]?sz=50"></b>
<h2>YOU</h2>
</center>
</div> 
<div class="box">
<p>Your public activities' content</p>
<p>
<table border=0 width=350>
[% FOR activity IN activities %]
<tr valign=top>
<td>[% activity.object.content %]</td>
</tr>
[% END %]
</table>
</p>
</div>
<div class="box">
<p>FIRST ACTIVITY CONTENT:</p>
<table border=0>
<tr valign=top>
<td>[% top_activity_content %]</td>
</tr>
</table>
</div>
</body>
</html>
